<section [ngStyle]="tagData.cssStyle | styleFilter" class="section-box">
  <ng-container *ngFor="let item of tagData.data">
    <div class="box-item" [ngStyle]="item.boxCssStyle | styleFilter">
      <!--2.1.0 新增contentCssStyle -->
      <div class="content" [ngStyle]="item.contentCssStyle | styleFilter">
        <img *ngIf="item.imgUrl" [src]="item.imgUrl" [ngStyle]="item.imgUrlCssStyle | styleFilter" />
        <div class="content-right" [ngStyle]="item.rightBoxCssStyle | styleFilter">
          <p class="title" [ngStyle]="item.titleCssStyle | styleFilter">
            <span *ngIf="item.firstRowLeft?.firstText?.text" [ngStyle]="item.firstRowLeft.firstText.cssStyle | styleFilter">{{item.firstRowLeft.firstText.text}}

              <font *ngIf="item.firstRowLeft?.firstText?.tag"
                [ngStyle]="item.firstRowLeft?.firstText?.tagCssStyle | styleFilter">{{item.firstRowLeft.firstText.tag}}
              </font>

            </span>

            <span class="tag" *ngIf="item.firstRowLeft&&item.firstRowLeft.secondText.text!==undefined"
              [ngStyle]="item.firstRowLeft.secondText.cssStyle | styleFilter">{{item.firstRowLeft.secondText.text}}</span>

            <span class="btn" *ngIf="item.ButtonRowRight" [ngStyle]="item.btnCssStyle | styleFilter"
              appDebounceClick (debounceClick)="go(item.ButtonRowRight)">{{item.ButtonRowRight.label}}</span>
          </p>
          <span class="sub-title 1" *ngIf="item.secondRowLeft&&item.secondRowLeft.firstText.text!==undefined"
            [ngStyle]="item.secondRowLeft.firstText.cssStyle | styleFilter">{{item.secondRowLeft.firstText.text}}</span>
          <!--2.1.0新增-->
          <span class="sub-title 2" *ngIf="item.middleButton" appDebounceClick (debounceClick)="go(item.middleButton)"
            [ngStyle]="item.middleButtonCssStyle | styleFilter">{{item.middleButtonLabel}}</span>
        </div>
      </div>
    </div>
  </ng-container>
</section>